<!DOCTYPE html>
<html ng-app="ionicApp">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title>完善萌宠资料</title>
		<link rel="stylesheet" href="../ionic-v1.3.3/css/ionic.css" />
        <script type="text/javascript" src="../ionic-v1.3.3/js/ionic.bundle.min.js" ></script>
		<script src="../js/jquery-2.1.1.min.js"></script>
    	<script src="../js/public.js"></script>
    	<link href="../css/public.css" rel="stylesheet" />
		<link href="../css/perfect-info.css" rel="stylesheet" />
		<script src="../js/perfect-info.js"></script>
	</head>
	<body ng-controller="MyCtrl">
		<ion-header-bar class="header" align-title="center"> 
			    <div class="back-padiv" onClick="back()">   
			      <img class="back" src="../img/back.png" />  
			    </div>  
			    <ion-title class="my-title head">完善萌宠资料</ion-title> 
		</ion-header-bar>
		<ion-content>
			<div class="content">
				<div class="upload text-center">
					<img src="../img/upload.png" />
					<div class="gray">上传萌宠头像</div>		
				</div>
				<!--昵称、品种、体重-->
				<div class="info">
					<div class="row">
						<div class="col">
						    <label class="item item-input">
						        <input type="text" placeholder="昵称">
						    </label>
					    </div>
					    <div class="col">
							<label class="item item-input">
						        <input type="text" placeholder="品种">
						    </label>
					    </div>
					    <div class="col">
						    <label class="item item-input">
						        <input type="text" placeholder="体重(kg)">
						    </label>
					    </div>
					</div>
				</div>
				<!--男生-->
				<div class="boy">
					<img style="z-index:5;width:78px;height:72px;position:relative;top:50px;left:5%;" src="../img/boy-dog.png"/>
					<label class="item item-radio">
			          <input type="radio" name="group" value="boy">
			          <div class="radio-content">
			              <div class="item-content">
			              	  <span class="sex-size">男生</span>
			              </div>
			           </div>
			        </label>
				</div>
				<!--女生-->
		        <div class="boy gril">
		        	<img style="z-index:5;width:78px;height:72px;position:relative;top:50px;left:72%;" src="../img/girl-dog.png"/>
		         	<label class="item item-radio">
		               <input type="radio" name="group" value="gril">
		               <div class="radio-content">
		                  <div class="item-content">
		                 	 <span class="sex-size">女生</span>
		             	  </div>
		               </div>
		            </label>
		        </div>
				
			    <div class="col text-center">  
			        <button class="click" ng-click="showAlert()">下一步</button>  
			    </div>  
			</div>
	   </ion-content> 
	</body>
</html>
